<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">

            <h:form id="cidadaoForm" enctype="multipart/form-data">

                <p:growl id="messages" showDetail="false" autoUpdate="true"  /> 

                <br/>
                <h3 class="title">Cadastrar Requerimento</h3>

                <p:panel id="tipoRequerimentoPanel" styleClass="container_24 clearfix both">

                    <h4 class="title">Tipo de Requerimento</h4>

                    <p:outputLabel value="Requerimento" styleClass="grid_3" for="requerimento" /> 
                    <div class="grid_8">
                        <p:selectOneMenu id="requerimento" value="#{managerCriarRequerimento.requerimento.tipoRequerimento}">
                            <f:selectItem  itemLabel="" itemValue=""/>
                            <f:selectItems value="#{managerUtilitario.tipoRequerimento}" /> 
                        </p:selectOneMenu>
                    </div>
                </p:panel>

                <p:panel id="personPanel" styleClass="container_24 clearfix both ">

                    <h4 class="title">Dados do Interessado</h4>

                    <p:outputLabel value="Pessoa" styleClass="grid_3" style="top: 6px" for="tipoDocumentoInteressado" />
                    <div class="grid_8">
                        <p:selectOneRadio id="tipoDocumentoInteressado" value="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado}" >
                            <f:selectItems value="#{managerUtilitario.tipoDocumento}" />
                            <p:ajax event="change" update=":cidadaoForm:personPanel" />
                        </p:selectOneRadio>
                    </div>
                    <div class="clear-both"/> 

                    <p:outputLabel styleClass="grid_3" for="documentoInteressado" 
                                   value="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado}"/>
                    <p:inputMask id="documentoInteressado" 
                                 value="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                          managerCriarRequerimento.requerimento.cpfInteressado : managerCriarRequerimento.requerimento.cnpjInteressado}"
                                 mask="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}" 
                                 styleClass="grid_8" > 
                    </p:inputMask>

                    <p:outputLabel value="Qualidade" styleClass="grid_3" for="qualidadeInteressado"/> 
                    <div class="grid_8" style="margin-bottom: -1px">
                        <p:selectOneMenu id="qualidadeInteressado" value="#{managerCriarRequerimento.requerimento.tipoQualidade}">
                            <f:selectItem  itemLabel="" itemValue=""/>
                            <f:selectItems value="#{managerUtilitario.tipoQualidade}" /> 
                        </p:selectOneMenu>
                    </div>
                    <div class="clear-both" />

                    <p:outputLabel value="Nome" styleClass="grid_3" for="nomeInteressado" 
                                   rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF'}"/>
                    <p:inputText id="nomeInteressado" styleClass="grid_20 ajustInput" required="true" 
                                 value="#{managerCriarRequerimento.requerimento.nomeInteressado}" 
                                 rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF'}" />
                    <div class="clear"/> 

                    <p:outputLabel value="Nome Fantasia" styleClass="grid_3" for="nomeFantasiaInteressado" 
                                   rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <p:inputText id="nomeFantasiaInteressado" styleClass="grid_20 ajustInput"
                                 value="#{managerCriarRequerimento.requerimento.nomeFantasiaInteressado}" 
                                 rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <div class="clear"/> 

                    <p:outputLabel value="Logradouro" styleClass="grid_3" for="logradouroInteressado"/>
                    <p:inputText id="logradouroInteressado" styleClass="grid_20 ajustInput" 
                                 value="#{managerCriarRequerimento.requerimento.enderecoInteressado}"/>

                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroInteressado"/>
                    <p:inputText id="bairroInteressado" styleClass="grid_8" value="#{managerCriarRequerimento.requerimento.bairroInteressado}"/>

                    <p:outputLabel value="Número" styleClass="grid_3" for="numInteressado"/> 
                    <p:inputText id="numInteressado" styleClass="grid_8" value="#{managerCriarRequerimento.requerimento.numInteressado}"/>

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepInteressado"/> 
                    <p:inputText id="cepInteressado" styleClass="grid_8" value="#{managerCriarRequerimento.requerimento.cepInteressado}"/>

                    <p:outputLabel value="Contato" styleClass="grid_3" for="contatoInteressado"/> 
                    <p:inputMask id="contatoInteressado" mask="(99) 9999-9999" styleClass="grid_8" 
                                 value="#{managerCriarRequerimento.requerimento.telefoneInteressado}"/>
                </p:panel>

                <!--DADOS DO PROPRIETÁRIO-->

                <p:panel id="proprietarioPanel" styleClass="container_24 clearfix both ">

                    <h4 class="title">Dados do Proprietario</h4>

                    <p:outputLabel value="Pessoa" styleClass="grid_3" style="top: 6px" for="tipoDocumentoProprietario"/>
                    <div class="grid_8">
                        <p:selectOneRadio id="tipoDocumentoProprietario" value="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario}" >
                            <f:selectItems value="#{managerUtilitario.tipoDocumento}" />
                            <p:ajax event="change" update=":cidadaoForm:proprietarioPanel" />
                        </p:selectOneRadio>
                    </div>
                    <div class="clear-both"/> 

                    <p:outputLabel styleClass="grid_3" for="documentoProprietario" 
                                   value="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario}"/>

                    <p:inputMask id="documentoProprietario" styleClass="grid_8"
                                 value="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                          managerCriarRequerimento.requerimento.cpfProprietario : managerCriarRequerimento.requerimento.cnpjProprietario}"
                                 mask="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}"/>
                    <div class="clear-both" />

                    <p:outputLabel value="Nome" styleClass="grid_3" for="nomeProprietario" 
                                   rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF'}"/>
                    <p:inputText id="nomeProprietario" styleClass="grid_20 ajustInput"
                                 value="#{managerCriarRequerimento.requerimento.nomeProprietario}" 
                                 rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF'}" />
                    <div class="clear"/>

                    <p:outputLabel value="Nome Fantasia" styleClass="grid_3" for="nomeFantasiaProprietario" 
                                   rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <p:inputText id="nomeFantasiaProprietario" styleClass="grid_20 ajustInput"
                                 value="#{managerCriarRequerimento.requerimento.nomeFantasiaProprietario}" 
                                 rendered="#{managerCriarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <div class="clear"/> 

                    <p:outputLabel value="Logradouro" styleClass="grid_3" for="logradouroProprietario"/>
                    <p:inputText id="logradouroProprietario" styleClass="grid_20 ajustInput" 
                                 value="#{managerCriarRequerimento.requerimento.enderecoProprietario}"/> 

                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroProprietario" />
                    <p:inputText id="bairroProprietario" styleClass="grid_8" 
                                 value="#{managerCriarRequerimento.requerimento.bairroProprietario}" />

                    <p:outputLabel value="Número" styleClass="grid_3" for="numeroProprietario" />
                    <p:inputText id="numeroProprietario" styleClass="grid_8" value="#{managerCriarRequerimento.requerimento.numProprietario}" />

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepProprietario" />
                    <p:inputText id="cepProprietario" styleClass="grid_8" value="#{managerCriarRequerimento.requerimento.cepProprietario}" />

                    <p:outputLabel value="Contato" styleClass="grid_3" for="contatoProprietario" />
                    <p:inputMask id="contatoProprietario" mask="(99) 9999-9999" styleClass="grid_8" 
                                 value="#{managerCriarRequerimento.requerimento.telefoneProprietario}" />
                </p:panel>

                <!--DADOS DO TERRENO-->
                <p:panel id="terrenoPanel" styleClass="container_24 clearfix both">

                    <h4 class="title">Dados do Terreno</h4>

                    <p:outputLabel value="Endereço" styleClass="grid_3" for="enderecoImovel" />
                    <p:inputText id="enderecoImovel" styleClass="grid_20 ajustInput "
                                 value="#{managerCriarRequerimento.requerimento.enderecoImovel}" />

                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroImovel" />
                    <p:inputText id="bairroImovel" styleClass="grid_20 ajustInput "
                                 value="#{managerCriarRequerimento.requerimento.bairroImovel}" />

                    <p:outputLabel value="Número" styleClass="grid_3" for="numImovel" />
                    <p:inputText id="numImovel" styleClass="grid_8 "
                                 value="#{managerCriarRequerimento.requerimento.numImovel}" />

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepImovel" />
                    <p:inputText id="cepImovel" styleClass="grid_8 "
                                 value="#{managerCriarRequerimento.requerimento.cepImovel}" />

                </p:panel> 
                <p:panel id="documentosPanel" styleClass="container_24 clearfix both ">

                    <h4 class="title">Documentos</h4>

                    <p:outputLabel value="Documentos Pendentes" styleClass="grid_6" for="documentos"/> 
                    <p:selectBooleanButton id="documentos" value="#{managerCriarRequerimento.docPendentes}" onLabel="SIM" offLabel="NÃO" style="width:65px" />   

                </p:panel>

                <div class="buttonAction">
                    <p:commandButton value="Salvar" icon="ui-icon-disk" update="@form" 
                                     actionListener="#{managerCriarRequerimento.salvar()}"
                                     styleClass="ui-priority-primary" />

                    <p:button href="pesquisarrequerimento.xhtml" value="Cancelar" icon="ui-icon-trash" />
                </div >

                <p:dialog id="dlgPrint" width="450" modal="true" widgetVar="printDialog" header="Imprimir" closable="false" >
                    <p:outputLabel value="Deseja imprimir este requerimento ?" />
                    <div class="clear"/>

                    <div class="buttonAction" style="padding-top: 25px">
                        <p:commandButton title="Imprimir"
                                         styleClass="printButton"
                                         value="Sim"
                                         ajax="false" update="@form"
                                         onclick="this.form.target='_blank'"
                                         actionListener="#{managerCriarRequerimento.imprimirRequerimento()}"
                                         icon="ui-icon-print" />
                        <p:commandButton value="Não" icon="ui-icon-close" actionListener="#{managerCriarRequerimento.redirect()}" />
                    </div>
                    <script>
                        $('.printButton').mouseup(function(){     
                            window.open("criarrequerimento.xhtml", "_SELF");
                        });
                    </script>
                </p:dialog>

            </h:form>
        </ui:define>
    </ui:composition>

</html>
